<template>
  <div>
    <b-button @click="doClick">popup</b-button>
    <b-button @click="doClick">popup</b-button>
    <b-popup
      width="1000px"
      @close="doClose"
      :visible.sync="popups.base.show"
      :title="popups.base.title"
    >{{count}}</b-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {
      popups: {
        base: {
          show: true
        }
      },
      count: 0
    };
  },
  methods: {
    doClick() {
      this.count++;
      this.popups.base.show = true;
    },
    doClose() {
      console.log("关闭");
    }
  }
};
</script>

<style>
</style>
